/*外部样式表:1.css编码集[外链去掉]
			utf-8表示为"utf8"
			注意:后面分号不能用中文输入法,不可以去掉
*/
{
	@charset "utf8";
/*通配选择器:统一规划页面上的样式:文字,超链接
			盒模型针对外边距[有部分元素操作外边距]
			列表针对两个列表自带样式[去掉列表样式]
			颜色...
*/
font-family:微软雅黑,sans-serif;
text-decoration:none;
list-style-type: none;
margin:0;/*哪些元素自带外边距?h1,p,div*/
padding:0;
color:#333;
}
/*给所有元素添加圆 300*300 文本垂直居中放大
*/
div{
	width:300px;
	height:300px;
	border:1px solid red;
	border-radius:50%;
	font-size:10em ;
	text-align:center;
	line-height: 300px;
	/*浮动:float:
	none默认不浮动 
	left左浮动 元素变成块元素,脱离文档流
	 right 右浮动 元素变成块元素,脱离文档流
				按照顺序首元素靠右[列表元素内容颠倒]
				
	 */
	float:right;
}
.d1{
	background:#55ff00;
}
.d2{
	background:#00ffff;
}
.d3{
	background:#55ffff;
}
.d4{
	background:#55ff00;
}